@media (max-width: 768px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:right; margin-top:0px; margin-right:20%; line-height:80px;text-align:center;}
.search{ width:8%; float:left; background:#FFF;}
.search-open{ height:80px;}
.search .search-btn {
  color: #03a3f0;
  border: 0;
  padding: 0;
  background:url(../images/search.png) center no-repeat #CCC;
  font-size: 17px;
  line-height: 19px;
  outline: none;
   width:100%; height:75px; margin-top:10PX;
}
.Footer-Cbottom div{ float:none; text-align:center; width:100%;}
.Footer-Cbottom div a,.Footer-Cbottom h4{ float:none;margin-left:0; text-align:center;}
.news-matter ul li h4{ margin-top:20px; margin-bottom:20px;}
.dx_dd{ display:none}
.index1 li{ width:100%;}
.index2_left{ width:100%; height:auto;background: url(../images/p3.jpg) left top no-repeat;}
.index2_about{ width:100%; position:relative;}
.index2_num{ width:100%; padding:5.2%; margin:0;}
.index2_num li{width:50%;padding:0 2%;}
.aboutBox .modern .modernfix .woodnub .wood-info{ float:left; width:50%; text-align:center; padding:0 2%; } 

.technologyBox .iconBox{width:100%;position: relative;z-index:10;;bottom:0;text-align:center;background:url(../images/p4.jpg) bottom center repeat-y;} 
.technologyBox .contBox{height:520px;position:relative;overflow:hidden} 
.technologyBox .contBox .leftBox .list li{display:none; width:90%; margin-left:5%;} 
.technologyBox .contBox .leftBox{ width:80%;} 
.technologyBox .iconBox ul li{cursor:pointer;transition-duration:.5s;-webkit-transition-duration:.5s;float:left; margin:0 1%; width:23%;height:100%;float:left; border-bottom:5px solid rgba(0,0,0,0)} 
.technologyBox .iconBox ul li .en{ height:40px; overflow:hidden;}
.technologyBox .contBox .rightBox{width:100%; z-index:999; height:80%; margin-left:0;} 
.technologyBox .contBox .rightBox img{ width:100%;}
.technologyBox .contBox .leftBox{  width:100%; margin-top:200px; height:300px;}
.index2_right{ width:100%; height:auto; position: relative; right:0;}
.index3_top_left{ width:99%; margin:0 0.5%; text-align:center;}
.index3_type{ width:100%; margin-top:20px;}
.index3_type li{ width:47%; float:left; font-size:14px; color:#000000; background:#f1f1f1; text-align:center; line-height:40px; margin:8px 1.5%;}
.index3_more{width:47%;    margin: 8px 1.5%; }


.index4 img{ width:100%;}

.index5 li{ width:100%;}

.index6_main ul li{ float:left; width:98%; margin:10px 1%; }

.foot_nav li{ float:left; color:#fff; width:25%; margin:2.5% 0; line-height:30px;}
.foot_contact li{ width:100%; color:#fff; float:left; line-height:30px;}
.foot_contact .foot_tel{ padding-top:50px; background: url(../images/p14.png) top left no-repeat; text-align:left;}
.foot_contact .foot_email{ padding-top:50px; background: url(../images/p15.png) top left no-repeat; text-align:left; margin-right:0%;}
.foot_contact .foot_add{ padding-top:50px; background: url(../images/p16.png) top left no-repeat; text-align:left;}
.foot_contact li p{ font-size:18px;}
.cop li p{ font-size:14px; line-height:30px;}

.inner_about1_left{ width:100%; height:auto;}
.inner_content{ color:#767676; line-height:30px;}
.inner_about1_right{ width:100%;}


.inner_about2_num{ width:100%; height:auto;}
.inner_about2_right{ width:100%; height:auto;}

.inner_video{ width:100%;}
.inner_video_right{ width:100%;}
.video{width:100%;height:365px;}



.inner_about3_main .b3 {
    margin-top: 20px;
}
.inner_about3_main .b3 li {
    width: 100%;
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.inner_about3_main .b3 li .c1 {
    font-size: 22px;
}
.inner_about3_main .b3 li .c2 {
    height: 100px;
}
.inner_about3_main .b3 li .c3 { margin-top:40px;
}
.inner_about3_main .b3 li:last-child {
    border-bottom: none;
}
.inner_about3_main .b3 .li_on {
    width: 100%;
    height: 300px;
}

.inner_about4 li{ float:left; width:98%; float:none; background:#f2f2f2; border-radius:5px; margin:0 auto; margin-top:20px;}

.inner_pro_type li{ width:47%;  margin:8px 1.5%;}

.pro .item{margin: 1%;position:relative; float:left; width:48%;}

  .proleft {
    width: 100%;
  }
  .proleft .big .pic:after {
    padding-bottom: 46%;
  }
  .proleft .small {
    padding-left: 5%;
  }
  .proleft .pic {
    width: 64%;
  }
  .proright {
    width: 100%;
  }

.honor li{margin: 1%;position:relative; float:left; width:48%;}

.case li{margin: 1%;position:relative; float:left; width:48%;}

.mes_left{ width:100%;}
.mes_right{ width:100%;}

.zsjm1_main li{ float:left; width:31.3%; margin:10px 1%;}

.zsjm2_left{ width:100%; margin-left:0%;}
.zsjm2_right{ width:100%;}

.zsjm3_left{ width:100%; margin-left:0%;}
.zsjm3_right{ width:100%;}

.zsjm4_left{ width:100%; height:auto; margin-bottom:20px;}
.zsjm4_left li{ float:left; width:33.3%; line-height:40px;}

.zsjm4_right{width:100%;}
.zsjm4_right li{ float:left; width:33.3%; line-height:40px;}

.zsjm5_main li{ width:48%; margin:1%; float:left;}


}
@media (max-width: 640px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:right; margin-top:0px; margin-right:20%; line-height:80px;}
.search{ width:15%; float:left;}
.search-open{ height:80px;}
.dx_dd{ display:none}
.js-show .center{ width:100%; background-size:100%;}
.js-show{ height:400px;}
}

@media (max-width: 480px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:right; margin-top:0px; margin-right:20%; line-height:80px;}
.search{ width:15%; float:left;}
.search-open{ height:80px;}
.dx_dd{ display:none}
.index3_type li{ font-size:12px;}
}


@media (max-width: 360px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:right; margin-top:0px; margin-right:20%; line-height:80px;}
.search{ width:12%; float:left;}
.search-open{ height:80px;}
.dx_dd{ display:none}
}
@media (min-width: 770px) and (max-width: 999px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:right; margin-top:0px; margin-right:20%; line-height:100px; text-align:center; }
.logo img{ }
.search{ width:8%; float:left; margin-top:20px;}
.search-open{ height:80px;}
.dx_dd{ display:none}
.index2_left{ width:100%; height:auto;background: url(../images/p3.jpg) left top no-repeat;}
.index2_about{ width:100%; position:relative;}

.index2_right{ width:100%; height:auto; position: relative; right:0;}
.zsjm2_left{ width:100%; margin-left:0%;}
.zsjm2_right{ width:100%;}

.technologyBox .iconBox{width:100%;position: relative;z-index:10; padding-top:30px;bottom:0;text-align:center;background:url(../images/p4.jpg) bottom center repeat-y;} 
.technologyBox .contBox{height:520px;position:relative;overflow:hidden} 
.technologyBox .contBox .leftBox .list li{display:none; width:90%; margin-left:5%;} 
.technologyBox .contBox .leftBox{ width:80%;} 
.cop{ float: left; width:100%; text-align:center;}

  
}
@media (min-width: 360px) and (max-width: 1000px) {
  .pageing {
    margin: 30px auto 100px auto;
  }